<!DOCTYPE html>
<html>

	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="__STATIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<script type="text/javascript" src="__STATIC__/jquery-2.1.3.js"></script>
		<script charset="utf-8" src="__STATIC__/Ue/ueditor.config.js"></script>
		<script charset="utf-8" src="__STATIC__/Ue/ueditor.all.min.js"></script>
		<script src="__STATIC__/Ue/lang/zh-cn/zh-cn.js"></script>
		<style>
			body {
				margin: 0;
			}
			label {
				color: grey;
			}
			.highlight {
				border: 1px solid #e1e1e8;
				background: #fff;
				border-radius: 4px;
				margin: 0;
				padding:5px 15px 15px 15px!important;
			}
			.pt5 {
				padding-top: 5px;
			}
			.alert {
				margin: 10px 0;
			}
			/*活动乐器*/
			.input-group {
				display: inline-table;
			}
			.instru-img {
				width: 80px;
				height: 80px;
				margin: 0 5px 5px 0px;
			}
			/**/
			/*合作信息*/
			.cooper-type-div{
				margin: 4px 0;
			}
			.cooper-type-div .active{
				background: rgba(204,204,204,.4);
			}
			.cooper-type-div > div{
				border: 1px solid rgba(204,204,204,.2);
				display: inline-block;
				width: 80px;height: 30px;
				line-height: 30px;
				text-align: center;
				box-sizing:content-box;
				margin-left: 0;
			}
			.logo{margin:10px 0;}
			.logo-div{display: inline-block;width: 80px;height: 80px;margin:5px 0 10px 10px;text-align: center;line-height: 80px;}
			.logo-span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin: 0;font-size: 1rem;line-height: normal!important;}
			.logo-img{margin-bottom: 4px;width: 100%;height: auto;}
			.act-content{border: 1px solid #E1E1E1;border-radius: 5px;}
			.act-content div{padding:0 15px 15px 15px;}
			.act-content img{
				max-width: 100%;
				height: auto!important;
				overflow:hidden;
			}
		</style>
	</head>

	<body>
		<!-- top -->
		<div class="container">
			<div class="row" style="padding-bottom: 15px!important;">
				<!-- right -->
				<div class="col-xs-12">
					<div class="row">
						<div id="actTips" class="col-xs-12 alert alert-info">
							<h5>小秘书提示：正在浏览活动详情中</h5>
						</div>
					</div>
					<div class="row highlight form-horizontal" style="padding:5px 10px;">
						<!-- 活动表单 begin -->
							<input type="hidden" name="id" id="id" value="{$act.id}" />
							<input type="hidden" name="img_save" id="img_save" value="0" />
							<!-- 风格类型 -->
							<div class="form-group">
								<label for="title" class="col-xs-2 control-label">活动风格类型：</label>
								<div class="col-xs-6">
									<input type="text" class="form-control" name="type" id="type" placeholder="请填写风格类型" value="{$act.type}" readonly/>
								</div>
								<div class="col-xs-3 pt5"><code id="theme_err"></code>
								</div>
							</div>
							<!-- 活动主题 -->
							<div class="form-group">
								<label for="title" class="col-xs-2 control-label">活动主题：</label>
								<div class="col-xs-6">
									<input type="text" class="form-control" name="title" id="title" placeholder="请填写活动主题" value="{$act.title}" readonly/>
								</div>
								<div class="col-xs-3 pt5"><code id="theme_err"></code>
								</div>
							</div>
							
							<!--活动图片预览-->
							<div class="form-group" id="img_preview">
								<div class="docs-data" hidden="hidden">
									<input class="form-control" id="dataX" name="dataX" type="text" placeholder="x">
									<input class="form-control" id="dataY" name="dataY" type="text" placeholder="y">
									<input class="form-control" id="dataWidth" name="dataWidth" type="text" placeholder="width">
									<input class="form-control" id="dataHeight" name="dataHeight" type="text" placeholder="height">
								</div>
								<label for="title" class="col-xs-2 control-label">主题图片：</label>
								<div class="col-md-7">
									<div class="row">
										<div class="col-md-10">
											<div id="theme-a"><img src="{$act.theme}" style="width: 100%;"/></div>
											<div class="img-container">
												<img id="showimg">
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--微信图文分享链接-->
							<div class="form-group">
								<label class="col-xs-2 control-label">微信图文分享链接:</label>
								<div class="col-xs-6">
									<input value="{$act.shareurl}" class="form-control" id="shareurl" name="shareurl" placeholder="微信图文分享链接" readonly/>
								</div>
								<div class="col-xs-4 pt5"><code id="logo_err">微信图文链接</code>
								</div>
							</div>
							<!--活动形式-->
							<div class="form-group">
								<label class="col-xs-2 control-label">活动形式:</label>
								<div class="col-xs-6">
									<if condition="$act['jointype'] eq 3">
										<input value="混合场" class="form-control" readonly/>
									</if>
									<if condition="$act['jointype'] eq 2">
										<input value="乐队专场" class="form-control" readonly/>
									</if>
									<if condition="$act['jointype'] eq 1">
										<input value="个人专场" class="form-control" readonly/>
									</if>
								</div>
							</div>
							<!-- 详细地址 -->
							<div class="form-group">
								<label for="address" class="col-xs-2 control-label">活动地点：</label>
								<div class="col-xs-6">
									<input class="form-control" id="address" name="address" value="{$act.address}" placeholder="例（广州天河区体育中心**大道002号）" readonly/>
								</div>
							</div>
							<!-- 活动时间 -->
							<div class="form-group">
								<label for="atime" class="col-xs-2 control-label">活动时间：</label>
								<div id="sdtp" class="col-xs-3 input-group date" style="padding-left: 14px; padding-right: 10px;">
									<input type="text" value="{$atime}" class="form-control" id="atime" name="atime" placeholder="请选择活动开始时间" readonly>
									<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
								</div>
								<div id="edtp" class="col-xs-3 input-group date" style="padding-left: 14px; padding-right: 10px;">
									<input type="text" value="{$aetime}" class="form-control" id="aetime" name="aetime" placeholder="请选择活动结束时间" readonly>
									<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
								</div>
							</div>
							<!--活动乐器-->
							<div class="form-group">
								<label class="col-xs-2 control-label">活动乐器:</label>
								<div class="col-xs-6 instru">
									<notempty name="act_instru">
									<foreach name="act_instru" item='v'>
										<img src="{$v.imgurl}" data-id="{$v.id}" class="instru-img" />
									</foreach>
									<else/>
										<span>活动无乐器</span>
									</notempty>
								</div>
								<div class="col-xs-4 pt5"><code id="logo_err">无法修改</code>
								</div>
							</div>
							<!-- 活动详情 -->
							<div id="cond" style="display: none;">{$act.content}</div>
							<div class="form-group">
								<label for="remark" class="col-xs-2 control-label">活动详情：</label>
								<div class="col-xs-8">
									<section id="act-content" class="act-content">
										<div>
											{$act.content|htmlspecialchars_decode|stripslashes}
										</div>
									</section>
								</div>
							</div>
							<!--活动合作-->
							<div class="form-group">
								<label for="remark" class="col-xs-2 control-label">活动合作：</label>
								<div class="col-md-9">
									<h5>合作信息(logo比例：1：1)</h5>
									<div class="cooper-type-div">
										<div class="cooper-type text-align-center active" data-img="changdi"onclick="select(this)"  style="float: left;" >场地</div>
										<div class="cooper-type text-align-center" data-img="hezuo" onclick="select(this)">合作方</div>
									</div>
									<div class="logo" id="changdi">
										<notempty name="cooper">
										<foreach name="cooper" item="v">
											<if condition="$v.type eq 1">
											<div class="logo-div">
												<img class="logo-img" src="{$v.logourl}" />
												<p class="logo-span">{$v.name}</p>
											</div>
											</if>
										</foreach>
										<else/>
							            	<span class="text-center">暂无数据！！！</span>
										</notempty>
									</div>
									<div class="logo" id="hezuo" hidden="hidden">
										<notempty name="cooper">
										<foreach name="cooper" item="v">
											<if condition="$v.type eq 2">
											<div class="logo-div">
												<img class="logo-img" src="{$v.logourl}" />
												<span>{$v.name}</span>
											</div>
											</if>
										</foreach>
										<else/>
							            	<span class="text-center">暂无数据！！！</span>
							            </notempty>
									</div>
									
								</div>
							</div>
							<div class="row">
								<label for="remark" class="col-xs-2 control-label">报名详情：</label>
								<div class="col-xs-9">
									<table class="table table-bordered">
										<thead>
											<th>联系人</th>
											<th>联系电话</th>
											<th>表演类型</th>
											<th>乐队名</th>
											<th>表演人数</th>
											<th>报名时间</th>
											<th>操作</th>
										</thead>
										<tbody>
											<empty name="act_event">
					                            <tr>
					                                <td colspan="7"><center>暂无报名记录！！！</center></td>
					                            </tr>
					                        <else />
					                        <foreach name="act_event" item="act_event">
					                            <tr>
					                                <td >{$act_event.name}</td>
					                                <td>{$act_event.phone}</td>
					                                <td>{$act_event.type}</td>
					                                <td>{$act_event.bandname}</td>
					                                <td>{$act_event.number}</td>
					                                <td>{$act_event.applytime|date='Y-m-d H:i:s',###}</td>
					                                <td><a onclick="cancle('{$act_event.id}',this)">取消报名</a></td>
					                            </tr>
					                        </foreach>
					                        </empty>
										</tbody>
									</table>
									<div class="text-align-center mb15">
										<button id="download_join" class="btn btn-primary" type="button">下载报名详情</button>
									</div>
								</div>
							</div>
					</div>
				</div>
			</div>
		</div>

	</body>
	<script src="__STATIC__/bootstrap/b-date/bootstrap-datetimepicker.min.js"></script>
	<script src="__STATIC__/bootstrap/b-date/bootstrap-datetimepicker.zh-CN.js"></script>
	<script src="__STATIC__/cropper/cropper.min.js"></script>
	<script src="__STATIC__/cropper/cropper_main.js"></script>
	<script src="__JS__/ue_ready.js"></script>
	<script>
		//取消报名
		function cancle(id,o){
			var is = confirm('是否真的取消报名');
			if(is){
				$.post("{:U('Activity/cancle_act')}",{id:id},function(){
					$(o).parent().parent().hide();
				});
			}
		}
		//合作方，场地方logo切换
		function select(o){
			$('.cooper-type').removeClass('active');
			$(o).addClass('active');
			var data = $(o).attr('data-img');
			if(data=="changdi"){
				$('#hezuo').hide();
				$('#changdi').show();
			}else{
				$('#changdi').hide();
				$('#hezuo').show();
			}
		}
		//下载活动报名详情
		$('#download_join').click(function(){
			var aid = $('#id').val();
			location.href="__ROOT__/Admin/Activity/out_actusers_excel/id/"+aid;
		});
	</script>

</html>

</html>